﻿@using BotDetect.Web.UI.Mvc
@model   DHQGHN.PM2.Models.Online.LoginKhaiOnlineViewModel

@{

    BotDetect.Web.UI.Mvc.MvcCaptcha pm0Captcha = new BotDetect.Web.UI.Mvc.MvcCaptcha("PM0Captcha")
        {
            ImageSize = new System.Drawing.Size(180, 28),
            //CaptchaImageTooltip = "Mã bảo mật"
            ReloadIconTooltip = "Lấy mã bảo mật mới"

        };

    //pm0Captcha.ImageSize = new System.Drawing.Size(220, 30);

    //string actionName = "Login";
    //if (Model.LoginTime > 2) { actionName = "LoginKhaiOnline"; }//Truong hop dang nhap sai 3 lan thi hien Captcha va goi action LoginWithCaptcha
}

<link href="~/Content/standard_form_nhaplieu.css" rel="stylesheet" />
<style>
    .ui-tooltip, .arrow:after {
        background: #FAFAD2;
    }

    .ui-tooltip {
        color: black;
        font-size: 12px;
    }

    .arrow {
        width: 70px;
        height: 16px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -35px;
        bottom: -16px;
    }

        .arrow.top {
            top: -16px;
            bottom: auto;
        }

        .arrow.left {
            left: 20%;
        }

        .arrow:after {
            content: "";
            position: absolute;
            left: 20px;
            top: -20px;
            width: 25px;
            height: 25px;
            box-shadow: 6px 5px 9px -9px black;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .arrow.top:after {
            bottom: -20px;
            top: auto;
        }

    .control-label {
        font-weight: bold !important;
    }
</style>
<script type="text/javascript">
      @functions{
          public string GetAntiForgeryToken()
          {
              string cookieToken, formToken;
              AntiForgery.GetTokens(null, out cookieToken, out formToken);
              return cookieToken + "," + formToken;
          }
      }
    //setTimeout(function () { alert("Hello"); }, 3000, null);
    $(document).ready(function () {
        Tooltip();
        $('#btnSaveandLogout').css("visibility", "hidden");
        //alert('co chay vao');
        if ($('.clsFormLogin').length > 1) {
            //$('#loginKhaiOnlinePartial').hidden();
            //$('body').hidden();
            $('body').hide();
            //an di va quay lai trang dang nhap
            location.href = '@Url.Action("LoginKhaiOnline","Online")';


        } else {
            //hien len
            $('#loginKhaiOnlinePartial').show();
        }
        //alert($('.clsFormLogin').length);
        //login
        $('#btnLogin').click(function () {
            if (checkhtml()) {
                alert("Dữ liệu nhập không được có ký tự '<' ở đầu.");
            } else {
                $('form').validate({

                });
                if (!$('form').valid()) {
                    return;
                };
                //alert('tribh');
                var txtStart = $('#Start');
                var txtEnd = $('#End');
                var start = txtStart.val();
                var end = txtEnd.val();
                //var hidden = ('#LoginTime').val();
                var logintime = $('#LoginTime').val();
                //alert(logintime);
                //alert(('#LoginTime').val());
                //validate du lieu
                //public string CaptchaId { get; set; }
                //public string UserInput { get; set; }
                //public string InstanceId { get; set; }
                var sendData = {
                    'Start': start,
                    'End': end,
                    'LoginCode': start + end,
                    'LoginTime': logintime,
                    'CaptchaId': '@pm0Captcha.CaptchaId',
                    'UserInput': $('#CaptchaCode').val(),
                    'InstanceId': '@pm0Captcha.CurrentInstanceId'
                };
                var urlPath = '@Url.Action("LoginKhaiOnline", "Online")';
                @*if (logintime >= 3) {
                urlPath = '@Url.Action("LoginWithCaptcha", "Online")';
            }*@
                $('#MessageLogin').text('');
                if (start.length == 5 && start.length == 5) {
                    $("#divLoading").show();
                    $('#btnLogin').attr('disabled', true);
                    $.ajax({
                        url: urlPath,
                        dataType: 'html',
                        method: 'post',
                        headers: {
                            'VerificationToken': '@GetAntiForgeryToken()'
                        },
                        data: sendData,
                        cache: false,
                        success: function myfunctionSuccess(data, textStatus, jqXHR) {
                            $('#formLogin').html(data);
                        },
                        error: function (jqXHR, textStatus, errorThrown) {
                            alert('Có lỗi xảy ra trong quá trình đăng nhập: ' + errorThrown);

                        },
                        complete: function (jqXHR, textStatus) {
                            $("#divLoading").hide();
                            $('#btnLogin').removeAttr('disabled');
                        }
                    });

                } else {
                    $('#MessageLogin').text('Yêu cầu nhập đủ 10 mã đăng nhập');
                }
            }
        })
        $("#End , #Start ").keydown(function (e) {
            if (e.keyCode == 13) {
                if ($('#CaptchaCode').val() == undefined) {
                    $("#btnLogin").trigger("click");
                } else {
                    $("#CaptchaCode").keydown(function (e) {
                        if (e.keyCode == 13) {
                            $("#btnLogin").trigger("click");
                        }
                    });
                }
            }
        });
    });


</script>
<div id="loginKhaiOnlinePartial" style="display:none;">
    <div id="login-text">
        <p>Chào mừng các bạn đến với Tổng điều tra dân số trực tuyến.  Bạn cần nhận được thư bảo đảm của chúng tôi để đăng nhập vào hệ thống.</p>
        <p>Tất cả các thông tin các bạn cung cấp sẽ được đảm bảo an toàn tuyệt đối.</p>
        <p>
            @*<a id="lang" name="es" href="https://respond.census.gov/acs/login?lang=es"
                   title="Para completar en espa&ntilde;ol, oprima aqu&iacute;.">
                    Para completar en espa&ntilde;ol, oprima aqu&iacute;.
                </a>*@
        </p>
    </div>
    <div id="login_cmt">
        <center>
            @using BotDetect.Web.UI.Mvc

            <div id="login-container">
                <div id="login-title">Xin mời đăng nhập</div>
                <div class="login-image-fields">
                    <div class="login-image-get">
                        <img src="../Images/id_user_online.png" alt="Address Label">
                    </div>
                    <div class="login-fields">
                        <div class="Row" style="padding-right:4px;">
                            <div class="Cell lbl_row">
                                Nhập mã đăng nhập
                            </div>
                            <div class="Cell txt_row">
                                @Html.TextBoxFor(model => model.Start, new
                           {
                               @class = "form-control form-control-add input-sm",
                               style = "width:30%; display:inline;",
                               @MaxLength = 5,
                               @title = @Html.ToolTipMessageFor(m => m.Start)
                           })
                                @Html.TextBoxFor(model => model.End, new
                           {
                               @class = "form-control input-sm",
                               style = "width:30%; display:inline",
                               @MaxLength = 5,
                               @title = @Html.ToolTipMessageFor(m => m.End)
                           })
                            </div>
                        </div>
                        <input type="hidden" value="@Model.LoginTime" id="LoginTime" />
                        @if (Model.LoginTime > 2)
                        {
                            <div class="Row" style="margin-top:4px;">
                                <div id="lbl_Logcode" class="Cell lbl_row">
                                    @*@Html.Label("Nhập mã bảo mật", new { @class = "control-label"})*@
                                    Nhập mã bảo mật
                                </div>
                                <div class="Cell txt_row">
                                    @Html.TextBox("CaptchaCode", "", new { @class = "form-control form-control-add input-sm", style = "width:180px;margin-top:4px;" })
                                </div>

                            </div>
                            <div class="Row" style="padding-top:4px;">
                                <div id="lbl_Logcode" class="Cell lbl_row">

                                </div>
                                <div class="Cell txt_row">
                                    @Html.Captcha(pm0Captcha)
                                </div>

                            </div>
                            @*<br />
                                <div class="Row" style="padding-bottom: 4px;">
                                    <div id="lbl_Logcode" class="Cell lbl_row">

                                    </div>
                                    <div class="Cell txt_row">

                                        @Html.TextBox("CaptchaCode", "", new { @class = "form-control form-control-add input-sm", style = "width:70%;" })
                                    </div>
                                </div>*@
                        }
                        @*<div class="btn_group_online" style="padding-right: 4px ;margin-left: 35.2%;">*@
                        <br />
                        <button id="btnLogin" type="button" class="btn btn-sm btn-small_online btn-success">Đăng Nhập</button>
                        @*</div>*@
                        <div class="text-danger validation-summary-errors" id="err1" style="margin-bottom: 1%;">
                            @*@Html.ValidationSummary(true)*@
                            @Html.ValidationSummary()
                        </div>
                        <div class="text-danger validation-summary-errors" id="MessageLogin" style="margin-bottom: 1%;">
                            @Model.Message
                        </div>


                        @*</center>*@
                        @*</div>*@




                    </div>



                </div>


            </div>
        </center>
        <div class="boc_warning_block" data-issue_date="01142014">
            <div class="boc_warning_title">** CẢNH BÁO **</div>
            <div class="boc_warning_text" style="justify-content">
                Bạn đã truy cập vào hệ thống mạng máy tính của chính phủ Việt Nam. Việc truy cập không có chứng thực
                hoặc cho mục đích gia tăng chứng thực là một hành vi vi phạm pháp luật và có thể bị phạt tiền hoặc tống
                giam. Việc sử dụng hệ thống có thể được theo dõi, ghi chép, đưa ra một cuộc kiểm tra. Bất cứ thông tin nào bạn
                nhập vào hệ thống này có thể được dùng bởi Cục Điều Tra Dân Số cho mục đích thống kê, bao gồm nhưng không
                hạn chế việc cải thiện tính hiệu quả của chương trình thu thập dữ liệu của chúng tôi. Để lấy thông tin liên
                quan đến việc sử dụng hệ thống này và cách bảo vệ thông tin cá nhân của bạn. Việc sử dụng hệ thống này chỉ ra sự đồng ý về việc thu thập,
                theo dõi, ghi chép và sử dụng thông tin được cung cấp bên trong hệ thống này.
            </div>
        </div>

    </div>
</div>
